<app-header></app-header>

<div class="container main">
    <div class="row">
        <div class="hy-login">
            <div class="head"><h3 class="text-center">
                <a href="/"><img src="/assets/images/logo.png"></a></h3>
                <p class="text-muted text-center" style="font-size: 2rem">用户登录</p></div>
            <ul>
                <form id="f_Activation" action="" method="post" (ngSubmit)="register()">
                    <li><input [(ngModel)]="regInfo.username" type="input" name="username" class="form-control username"
                               placeholder="邮箱"></li>
                    <!--<li>
                        <div class="pull-right btn btn-warning" style="width:35%; height:35px;" (click)="send_email()">获取验证码</div>
                        <input [(ngModel)]="regInfo.mailcode" name="mailcode" type="text" placeholder="邮箱验证码"
                               style="width:60%;text-transform:uppercase;" class="form-control">
                    </li>-->
                    <li><input [(ngModel)]="regInfo.nickname" type="text" name="nickname" class="form-control nickname"
                               placeholder="昵称长度为2~6个汉字">
                    </li>
                    <li><input [(ngModel)]="regInfo.password" type="password" name="password"
                               class="form-control password" placeholder="密码"></li>
                    <li><input [(ngModel)]="regInfo.repassword" type="password" name="repassword"
                               class="form-control repassword" placeholder="确认密码">
                    </li>
                    <li>
                        <img title="刷新验证码" class="pull-right" style="width:35%; height:35px; border-radius: 4px" (click)="getCode()" src="{{verify}}">
                        <input [(ngModel)]="regInfo.verify" name="verify" type="text" placeholder="验证码" style="width:60%;text-transform:uppercase;" class="form-control">
                    </li>
                    <li>
                        <button type="submit" class="btn btn-block btn-warning">注册</button>
                    </li>
                    <li class="text-center"><a class="text-muted a-link" href="/user/login">已有账号，直接登录？</a></li>
                </form>
            </ul>
        </div>
    </div>
</div>
<app-footer></app-footer>
